import { Card as SemiCard, Button, ButtonGroup, TabPane, Tabs } from "@douyinfe/semi-ui";
import { useEffect } from "react";
import { history } from "umi";
import { useModel } from "umi";
import { useReactive } from "ahooks";

const PageReport = () => {
    const { remoteData, graphqlFetch, windowInnerHeight } = useModel("global");
    const cardBodyHeight = windowInnerHeight - 90 - 54 - 20;
    return (
        <div style={{ padding: 10 }}>
            <SemiCard
                title={<span style={{ lineHeight: "32px", fontSize: 15 }}> 统计报表 </span>}
                shadows="always"
                headerStyle={{ padding: "10px 14px" }}
                bordered={false}
                bodyStyle={{ padding: 20, height: cardBodyHeight }}
            >
                分为4个维度：日，周，月，年
                <div>行:</div>
                <div>商城金额：充值总额，账户总余额 可以通过饼状图显示</div>
                <div> 访客数：新客，老客，会员，非会员，总计</div>
                <div> 订单数：新客，老客，会员，非会员，已支付总数</div>
                <div> 订单额：新客，老客，会员，非会员，已支付总额,商品总额，服务总额，套餐总额</div>
                <div> 充值（会员）：新客，老客，充值总额</div>
                <div>客户分享：分享数（总计），分享数（新客），分享数（老客），分享数（会员），分享数（非会员），分享成交数，分享成交额（这要以每个客户的维度）</div>
                <div>员工分享：分享数，分享成交数，分享成交额（这还要以每个员工的维度）</div>
                <div>客户分享：</div>
                <div>列：日，周，月，年</div>
                以上均可通过折线或者柱状图显示
            </SemiCard>
        </div>
    );
};
export default PageReport;
